<?xml version="1.0" encoding="UTF-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <link rel="stylesheet" href="chrome://devtools/skin/markup.css" type="text/css"/>
  <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/lib/codemirror.css" type="text/css"/>
  <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/addon/dialog/dialog.css" type="text/css"/>
  <link rel="stylesheet" href="chrome://devtools/content/sourceeditor/codemirror/mozilla.css" type="text/css"/>

  <script type="application/javascript;version=1.8"
          src="chrome://devtools/content/shared/theme-switching.js"></script>
  <script type="application/javascript;version=1.8"
          src="chrome://devtools/content/sourceeditor/codemirror/codemirror.bundle.js"></script>

</head>
<body class="theme-body devtools-monospace" role="application">

<!-- NOTE THAT WE MAKE EXTENSIVE USE OF HTML COMMENTS IN THIS FILE IN ORDER -->
<!-- TO MAKE SPANS READABLE WHILST AVOIDING SIGNIFICANT WHITESPACE          -->

  <div id="root-wrapper" role="presentation">
    <div id="root" role="presentation"></div>
  </div>
  <div id="templates" style="display:none">

    <ul class="children">
      <li id="template-elementcontainer" save="${elt}" class="child collapsed" role="presentation">
        <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><!--
        --><span save="${tagState}" class="tag-state" role="presentation"></span><!--
        --><span save="${expander}" class="theme-twisty expander" role="presentation"></span><!--
     --></div>
        <ul save="${children}" class="children" role="group"></ul>
      </li>

      <li id="template-textcontainer" save="${elt}" class="child collapsed" role="presentation">
        <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><span save="${tagState}" class="tag-state" role="presentation"></span></div>
        <ul save="${children}" class="children" role="group"></ul>
      </li>

      <li id="template-readonlycontainer" save="${elt}" class="child collapsed" role="presentation">
        <div save="${tagLine}" id="${id}" class="tag-line" role="treeitem" aria-level="${level}" aria-grabbed="${isDragging}"><!--
        --><span save="${tagState}" class="tag-state" role="presentation"></span><!--
        --><span save="${expander}" class="theme-twisty expander" role="presentation"></span><!--
     --></div>
        <ul save="${children}" class="children" role="group"></ul>
      </li>

      <li id="template-more-nodes"
          class="more-nodes devtools-class-comment"
          save="${elt}"><!--
      --><span>${showing}</span> <!--
      --><button href="#" onclick="${allButtonClick}">${showAll}</button>
      </li>
    </ul>

    <span id="template-generic" save="${elt}" class="editor"><span save="${tag}" class="tag"></span></span>

    <span id="template-element" save="${elt}" class="editor"><!--
   --><span class="open">&lt;<!--
     --><span save="${tag}" class="tag theme-fg-color3" tabindex="-1"></span><!--
     --><span save="${attrList}"></span><!--
     --><span save="${newAttr}" class="newattr" tabindex="-1"></span><!--
     --><span class="closing-bracket">&gt;</span><!--
   --></span><!--
   --><span class="close">&lt;/<!--
     --><span save="${closeTag}" class="tag theme-fg-color3"></span><!--
     -->&gt;<!--
   --></span><!--
     --><div save="${eventNode}" class="markupview-events" data-event="true">ev</div><!--
 --></span>

    <span id="template-attribute"
          save="${attr}"
          data-attr="${attrName}"
          data-value="${attrValue}"
          class="attreditor"
          style="display:none"> <!--
   --><span class="editable" save="${inner}" tabindex="${tabindex}"><!--
     --><span save="${name}" class="attr-name theme-fg-color2"></span><!--
     -->=&quot;<!--
     --><span save="${val}" class="attr-value theme-fg-color6"></span><!--
     -->&quot;<!--
   --></span><!--
 --></span>

    <span id="template-text" save="${elt}" class="editor text"><!--
   --><pre save="${value}" style="display:inline-block; white-space: normal;" tabindex="-1"></pre><!--
 --></span>

    <span id="template-comment"
          save="${elt}"
          class="editor comment theme-comment"><!--
   --><span>&lt;!--</span><!--
   --><pre save="${value}" style="display:inline-block; white-space: normal;" tabindex="-1"></pre><!--
   --><span>--&gt;</span><!--
 --></span>

  </div>
</body>
</html>
